<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1" />
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <meta name="format-detection" content="telephone=no,email=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-status-bar-style" content="normal|black|black-translucent">
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <title>Title</title>
  <link rel="stylesheet" href="css/option.css">
  <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="css/swiper.min.css">
</head>
<body>
  <header>
    <div class="header">
      <div class="left">
       <a href="index.html" style="color: #666;text-decoration: none;"><span class="fa fa-home"></span></a>
        <p>超市</p>
      </div>
      <div class="center">
        <span class="fa fa-search"></span>
        <input type="text" placeholder="天猫超市">
      </div>
      <div class="right">
      	<a href="shopping.html" style="color: #666;text-decoration: none;" class="cart">
      		<span class="fa fa-shopping-cart"></span>
      	</a>
        
        <p>北京</p>
      </div>
    </div>

    <div class="swiper-container swiper1">
      <div class="swiper-wrapper">
        <div class="swiper-slide active">
          <img src="img/1.png" alt="">
          <span>母婴玩具</span>
        </div>
        <div class="swiper-slide">
          <img src="img/2.png" alt="">
          <span>休闲零食</span>
        </div>
        <div class="swiper-slide">
          <img src="img/3.png" alt="">
          <span>酒水乳饮</span>
        </div>
        <div class="swiper-slide">
          <img src="img/4.png" alt="">
          <span>粮油副食</span>
        </div>
        <div class="swiper-slide">
          <img src="img/5.png" alt="">
          <span>洗护美妆</span>
        </div>
        <div class="swiper-slide">
          <img src="img/6.png" alt="">
          <span>家居用品</span>
        </div>
        <div class="swiper-slide">
          <img src="img/7.png" alt="">
          <span>纸品家清</span>
        </div>
        <div class="swiper-slide">
          <img src="img/8.png" alt="">
          <span>家用电器</span>
        </div>
        <div class="swiper-slide">
          <img src="img/9.png" alt="">
          <span>进口食品</span>
        </div>
        <div class="swiper-slide">
          <img src="img/10.png" alt="">
          <span>出游季</span>
        </div>
      </div>
    </div>

  </header>

  <div class="swiper-container swiper2">
    <div class="swiper-wrapper">
      <!--母婴玩具-->
      <div class="swiper-slide" >
      	
            <ul class="list">
             <!-- <li>
                <a href="xq.html">
                  <img src="img/淘宝/商品详情_files/img8_1.jpg" alt="" class="img">
                  <p>卡仕达阿萨德阿萨德阿萨德阿萨德阿斯达所阿萨德阿萨德</p>
                  <div class="div">
                    <div class="zuo">
                      <span>月销31件</span>
                      <h3>￥28.90</h3>
                    </div>
                      <div class="you">
                        <img src="img/shoppingcartImega.png" alt="">
                      </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="#">
                  <img src="img/cont_12.png" alt="" class="img">
                  <p>卡仕达阿萨德阿萨德阿萨德阿萨德阿斯达所阿萨德阿萨德</p>
                  <div class="div">
                    <div class="zuo">
                      <span>月销31件</span>
                      <h3>￥28.90</h3>
                    </div>
                    <div class="you">
                      <img src="img/shoppingcartImega.png" alt="">
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="#">
                  <img src="img/cont_12.png" alt="" class="img">
                  <p>卡仕达阿萨德阿萨德阿萨德阿萨德阿斯达所阿萨德阿萨德</p>
                  <div class="div">
                    <div class="zuo">
                      <span>月销31件</span>
                      <h3>￥28.90</h3>
                    </div>
                    <div class="you">
                      <img src="img/shoppingcartImega.png" alt="">
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="#">
                  <img src="img/cont_12.png" alt="" class="img">
                  <p>卡仕达阿萨德阿萨德阿萨德阿萨德阿斯达所阿萨德阿萨德</p>
                  <div class="div">
                    <div class="zuo">
                      <span>月销31件</span>
                      <h3>￥28.90</h3>
                    </div>
                    <div class="you">
                      <img src="img/shoppingcartImega.png" alt="">
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="#">
                  <img src="img/cont_12.png" alt="" class="img">
                  <p>卡仕达阿萨德阿萨德阿萨德阿萨德阿斯达所阿萨德阿萨德</p>
                  <div class="div">
                    <div class="zuo">
                      <span>月销31件</span>
                      <h3>￥28.90</h3>
                    </div>
                    <div class="you">
                      <img src="img/shoppingcartImega.png" alt="">
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="#">
                  <img src="img/cont_12.png" alt="" class="img">
                  <p>卡仕达阿萨德阿萨德阿萨德阿萨德阿斯达所阿萨德阿萨德</p>
                  <div class="div">
                    <div class="zuo">
                      <span>月销31件</span>
                      <h3>￥28.90</h3>
                    </div>
                    <div class="you">
                      <img src="img/shoppingcartImega.png" alt="">
                    </div>
                  </div>
                </a>
              </li>-->
            </ul>
        </div>

      <!--休闲零食-->
      <div class="swiper-slide">
        <ul class="list">
          <!--<li>
            <a href="#">
              <img src="img/cont_12.png" alt="" class="img">
              <p>卡仕达阿萨德阿萨德阿萨德阿萨德阿斯达所阿萨德阿萨德</p>
              <div class="div">
                <div class="zuo">
                  <span>月销31件</span>
                  <h3>￥28.90</h3>
                </div>
                <div class="you">
                  <img src="img/shoppingcartImega.png" alt="">
                </div>

              </div>
            </a>
          </li>-->

        </ul>
      </div>

      <!--酒水乳饮-->
      <div class="swiper-slide">
        <ul class="list">
          <!--<li>
            <a href="#">
              <img src="img/cont_12.png" alt="" class="img">
              <p>卡仕达阿萨德阿萨德阿萨德阿萨德阿斯达所阿萨德阿萨德</p>
              <div class="div">
                <div class="zuo">
                  <span>月销31件</span>
                  <h3>￥28.90</h3>
                </div>
                <div class="you">
                  <img src="img/shoppingcartImega.png" alt="">
                </div>

              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="img/cont_12.png" alt="" class="img">
              <p>卡仕达阿萨德阿萨德阿萨德阿萨德阿斯达所阿萨德阿萨德</p>
              <div class="div">
                <div class="zuo">
                  <span>月销31件</span>
                  <h3>￥28.90</h3>
                </div>
                <div class="you">
                  <img src="img/shoppingcartImega.png" alt="">
                </div>

              </div>
            </a>
          </li>-->
        </ul>
      </div>

      <!--粮油副食-->
      <div class="swiper-slide">
				<ul class="list">
					
				</ul>
      </div>

      <!--洗护美妆-->
      <div class="swiper-slide">
					<ul class="list">
					
					</ul>
      </div>

      <!--洗护美妆-->
      <div class="swiper-slide">
					<ul class="list">
					
				</ul>
      </div>

      <!--家居用品-->
      <div class="swiper-slide">
					<ul class="list">
					
				</ul>
      </div>

      <!--纸品家清-->
      <div class="swiper-slide">
					<ul class="list">
					
				</ul>
      </div>

      <!--家用电器-->
      <div class="swiper-slide">
						<ul class="list">
					
				</ul>
      </div>

      <!--进口食品-->
      <div class="swiper-slide">
						<ul class="list">
					
				</ul>
      </div>

      <!--出游季-->
      <div class="swiper-slide">
						<ul class="list">
					
				</ul>
      </div>
    </div>
  </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/option.js"></script>

</html>